/* CSS变量定义 */
:root {
  /* 主题颜色 */
  --primary-color: #1677ff;
  --primary-color-light: #4096ff;
  --primary-color-dark: #0958d9;
  
  --secondary-color: #52c41a;
  --secondary-color-light: #73d13d;
  --secondary-color-dark: #389e0d;
  
  --success-color: #52c41a;
  --warning-color: #faad14;
  --error-color: #ff4d4f;
  --info-color: #1677ff;
  
  /* 中性色 */
  --text-color: rgba(0, 0, 0, 0.88);
  --text-color-secondary: rgba(0, 0, 0, 0.65);
  --text-color-disabled: rgba(0, 0, 0, 0.25);
  --border-color: #d9d9d9;
  --background-color: #f5f5f5;
  --background-color-light: #fafafa;
  --background-color-white: #ffffff;
  
  /* 布局相关 */
  --header-height: 64px;
  --footer-height: 48px;
  --sider-width: 220px;
  --sider-collapsed-width: 80px;
  
  /* 字体相关 */
  --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
  --font-size-small: 12px;
  --font-size-base: 14px;
  --font-size-medium: 16px;
  --font-size-large: 18px;
  --font-size-xlarge: 20px;
  --font-size-xxlarge: 24px;
  
  /* 圆角 */
  --border-radius-small: 2px;
  --border-radius-base: 6px;
  --border-radius-large: 8px;
  
  /* 间距 */
  --space-xxs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-xxl: 48px;
  
  /* 阴影 */
  --shadow-base: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
  --shadow-light: 0 1px 2px -2px rgba(0, 0, 0, 0.08), 0 3px 6px 0 rgba(0, 0, 0, 0.06), 0 5px 12px 4px rgba(0, 0, 0, 0.04);
  --shadow-dark: 0 3px 6px -4px rgba(0, 0, 0, 0.24), 0 6px 12px 0 rgba(0, 0, 0, 0.16), 0 9px 18px 8px rgba(0, 0, 0, 0.10);
  
  /* 过渡 */
  --transition-fast: 0.1s;
  --transition-base: 0.2s;
  --transition-slow: 0.3s;
  
  /* Z-index */
  --z-index-base: 1;
  --z-index-dropdown: 1050;
  --z-index-popover: 1060;
  --z-index-modal: 1080;
  --z-index-notification: 1090;
} 